.navbardiv {
	height: 61px;
	width: 100%;
}


/* - Banner - */

.banner_wrap_bigdata {
	height: 380px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url("../../images/bigData/banner02.jpg") no-repeat;
	background-size: cover;
    background-position: center center;
}
.logo_bannel{
	height: 380px;
	width: 100%;
	background: ;
}
/*.banner_wrap_bigdata img {
	width: auto;
	height: 380px;
	max-width: 100%;
}*/

.topleft {
	position: absolute;
	top: 230px;
	left: 350px;
	font-size: 18px;
	height: 50px;
	width: 200px;
	background-color:  #CC3333;
	/*opacity: 0.6;*/
	/*border: 1px red solid;*/
	text-align: center;
	color: white;
	font-size: 25px;
	line-height: 50px;
}
.topleft:hover{
	cursor: pointer;
	background-color: #ED1B24;
}

/*竞赛池*/

.titlediv {
	height: 71px;
	border-bottom: 1px solid #DDDDDD;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
}

.titlediv0 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex: 1.5;
	/*border: 1px solid red;*/
}

.titlediv1 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex: 1;
	font-size: 28px;
	color: #5E5E5E;
	align-items: center;
	justify-content: center;
}

.titlediv1:hover {
	cursor: pointer;
	border-bottom: 3px solid #71BBF9;
}

.topleft:hover {
	cursor: pointer;
}

.topleft>a {
	color: white;
}

.topleft>a:hover {
	color: #1B6D85;
}

.middlediv {
	width: 100%;
	display: flex;
	height: 2100px;
	display: -webkit-flex;
	display: -ms-flexbox;
	border: 1px;
	flex-direction: row;
}

.middlediv-left {
	flex: 1;
	/*border: 1px solid red;*/
}

.middlediv-middle {
	flex: 3.5;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-base {
	height: 530px;
	width: 100%;
	/*border: 1px solid darkblue;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-base-2 {
	height: 400px;
	width: 100%;
	/*border: 1px solid darkblue;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-base-3 {
	height: 505px;
	width: 100%;
	/*border: 1px solid darkblue;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-base-4 {
	height: 505px;
	width: 100%;
	/*border: 1px solid darkblue;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-base-4 {
	height: 350px;
	width: 100%;
	/*border: 1px solid darkblue;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-top {
	flex: 1;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	/*border: 1px solid green;*/
}

.middlediv-middle-top2 {
	flex: 1.5;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	/*border: 1px solid green;*/
}

.middlediv-middle-top-left {
	flex: 3;
	/*border: 1px solid green;*/
	font-size: 24px;
	color: #5F5F5F;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
}

.middlediv-middle-top-right {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: flex-end;
	font-size: 18px;
}

.middlediv-middle-down {
	flex: 7;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}
.middlediv-middle-down:hover{
	cursor: pointer;
}

.middlediv-middle-down1 {
	flex: 7;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down1-0 {
	flex: 1;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	/*border: 1px solid royalblue;*/
}

.middlediv-middle-down1-1 {
	flex: 1;
	border: 1px solid #DBDBDB;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	position: relative;
}

.middlediv-middle-down1-1:hover {
	cursor: pointer;
}
.middlediv-middle-down1-1 div:hover{
	/*阴影*/
	box-shadow: 0 0 40px yellow inset;
}

.middlediv-middle-down2 {
	flex: 5.6;
	/*border: 1px solid red;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	background: url(../../images/bigData/zsgx.jpg) no-repeat;
	background-size: cover;
    background-position: center center;
}

.middlediv-middle-down3 {
	flex: 7;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4 {
	flex: 7;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down4-0 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-1 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-1-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;
}

.middlediv-middle-down4-0-1-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_11.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.middlediv-middle-down4-0-1-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-2 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-2-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;
}

.middlediv-middle-down4-0-2-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_12.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.middlediv-middle-down4-0-2-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-3-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;
}

.middlediv-middle-down4-0-3-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_13.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.middlediv-middle-down4-0-3-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-4-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;
}

.middlediv-middle-down4-0-4-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_21.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}


.middlediv-middle-down4-0-4-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-5-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;
	/*border: 1px solid green;*/

}

.middlediv-middle-down4-0-5-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_22.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}


.middlediv-middle-down4-0-5-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-6-left {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-end;

}
.middlediv-middle-down4-0-6-left div {
	flex: 0.5;
	/*border: 1px solid green;*/
	/*border: 1px solid green;*/
	background: url(../../images/bigData/bigData_23.png) 60% no-repeat;
	background-size: contain;
	margin-right: 10px;
}
.middlediv-middle-down4-0-6-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: flex-start;
	font-size: 15px;
	flex-direction: column;
	justify-content: center;
}

.middlediv-middle-down4-0-3 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-4 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-5 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down4-0-6 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down2-0 {
	flex: 1;
	box-shadow: 0 0 3px 3px #058ABD inset;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 30px;
	align-items: center;
	color: #0A91C2;
	justify-content: center;
	position: relative;
}

.middlediv-middle-down2-0:hover {
	cursor: pointer;
}

.middlediv-middle-down2-1:hover {
	cursor: pointer;
}

.middlediv-middle-down2-2:hover {
	cursor: pointer;
}

.middlediv-middle-down2-1 {
	flex: 1;
	box-shadow: 0 0 3px 3px #058ABD inset;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 30px;
	align-items: center;
	color: #0A91C2;
	justify-content: center;
	position: relative;
}

.middlediv-middle-down2-2 {
	flex: 1;
	box-shadow: 0 0 3px 3px #058ABD inset;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 30px;
	align-items: center;
	color: #0A91C2;
	justify-content: center;
	position: relative;
}

.middlediv-middle-down-left {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-left-0 {
	flex: 2;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-left-0-top {
	flex: 7;
	/*border: 1px solid darkblue;*/
	position: relative;
}

.middlediv-middle-down-left-0-top img {
	padding-right: 10px;
}

.middlediv-middle-down-left-0-down {
	flex: 1;
	/*border: 1px solid red;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	font-size: 14px;
	padding-left: 10px;
}

.middlediv-middle-down-left-1 {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down-left-1-left {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-left-1-left-0 {
	flex: 4;
	/*border: 1px solid red;*/
	position: relative;
}

.topleft2 {
	position: absolute;
	top: 0px;
	width: 181px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	line-height: 200px;
	
	/*border: 1px solid red;*/
}

.topleft3 {
	position: absolute;
	top: 0px;
	width: 181px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	line-height: 200px;
	/*border: 1px solid red;*/
}

.topleft4 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
	}

.topleft5 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft6 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft7 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft8 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft9 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft10 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft11 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft12 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 182px;
	font-size: 18px;
	height: 115px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	/*border: 1px solid red;*/
	line-height: 200px;
	left: 10px;
}

.topleft13 {
	position: absolute;
	top: 0px;
	width: 378px;
	font-size: 18px;
	height: 275px;
	color: white;
	background-color: #0F3D9D;
	opacity: 0.6;
	display: none;
	text-align: center;
	line-height: 200px;
	/*border: 1px solid red;*/
}


/*position: relative;*/

.topleft14 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft15 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft16 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft17 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft18 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft19 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 175px;
	color: black;
	background-color: #FEFDDC;
	/*opacity: 0.6;*/
	display: none;
	text-align: center;
}

.topleft20 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 428px;
	color: black;
	background-color: #017FB0;
	/*opacity: 0.6;*/
	display: none;
	opacity: 0.6;
	color: white;
}

.topleft21 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 428px;
	color: black;
	background-color: #017FB0;
	/*opacity: 0.6;*/
	display: none;
	opacity: 0.6;
	color: white;
}

.topleft22 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	height: 428px;
	color: black;
	background-color: #017FB0;
	/*opacity: 0.6;*/
	display: none;
	opacity: 0.6;
	color: white;
}

.middlediv-middle-down-left-1-left-0 img {
	height: 115px;
	padding: 0 5px 0 0;
}

.middlediv-middle-down-left-1-left-1 {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	font-size: 14px;
	padding-left: 10px;
}

.middlediv-middle-down-left-1-right {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-left-1-right-0 {
	flex: 4;
	/*border: 1px solid yellow;*/
	position: relative;
}

.middlediv-middle-down-left-1-right-0 img {
	height: 115px;
	padding: 0 10px 0 0;
}

.middlediv-middle-down-left-1-right-1 {
	flex: 1;
	/*border: 1px solid yellow;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	font-size: 14px;
	padding-left: 10px;
}

.middlediv-middle-down-right {
	flex: 2;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-right-0 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.middlediv-middle-down-right-1 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}

.middlediv-middle-down-right-2 {
	flex: 4;
	/*border: 1px solid red;*/
	position: relative;
}

.middlediv-middle-down-right-2 img {
	height: 115px;
	padding: 0 0 0 10px;
}

.middlediv-middle-down-right-3 {
	flex: 1;
	/*border: 1px solid green;*/
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 14px;
	align-items: center;
	padding-left: 10px;
}

.middlediv-right {
	flex: 1;
	/*border: 1px solid blue;*/
}

.footerdiv {
	width: 100%;
	height: 424px;
}

@keyframes transform {
	from {
		transform: scale(1)
	}
	to {
		transform: scale(1.1)
	}
}

.middlediv-middle-down-left-0-top:hover {
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1)
}

.middlediv-middle-down-left-1-right-0:hover {
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1)
}

.middlediv-middle-down-left-1-left-0:hover {
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}

.middlediv-middle-down-right-2:hover {
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1)
}


.middlediv-middle-down4-0-1-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
.middlediv-middle-down4-0-2-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
.middlediv-middle-down4-0-3-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
.middlediv-middle-down4-0-4-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
.middlediv-middle-down4-0-5-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
.middlediv-middle-down4-0-6-left div:hover{
	cursor: pointer;
	animation: transform 1s infinite alternate;
	transform: scale(1);
}
